<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description"content="{{site.description}}">
    <meta name="keywords" content="{{site.keywords}}"/>
    <meta property="og:title" content="{{site.title}}" />
    <meta property="og:description" content="{{site.description}}" />
    <title>{{site.title}}-{{site.name}}</title>
    {{include './common/meta.html'}}

<body class="bg-f8f8f8">
    <!-- 头部 -->
    {{include './common/header.html'}}
    
    <!-- banner -->
    <section class="banner flex justify-center">
        <h1 class="chanyue text-c">ChanCMS</h1>
        <p class="f-23 text-c mt-20">基于express+mysql的一款轻量级高质量cms管理系统</p>
        <p class="text-c mt-20">
            <span class="el-button el-button--primary is-round mr-10 c-fff">
                <a href="https://www.chancms.top/docs/index.html" target="_blank">开始使用</a>
            </span>
            <span class="el-button el-button--primary is-round c-fff">
                <a href="https://gitee.com/yanyutao0402/chanyue-cms" target="_blank">码云</a>
            </span>
        </p>
    </section>

    <section class="main center flex justify-between flex-wrap pd-30 ">
        <div class="m-card">
            <h3 class="f-20 mb-20">大道至简</h3>
            <p class="f-16 mb-20">基于express自研mvc框架， 优秀的稳定性，可持续迭代，拒绝复杂设计模式。</p>
        </div>

        <div class="m-card">
            <h3 class="f-20 mb-20">独有特色</h3>
            <p class="f-16 mb-20">轻量、灵活、自研、稳定、高性能。</p>
        </div>

        <div class="m-card ">
            <h3 class="f-20 mb-20">SEO标准</h3>
            <p class="f-16 mb-20">专注于seo功能，伪静态、自定义导航、灵活设置关键词和描述。</p>
        </div>

        <div class="m-card ">
            <h3 class="f-20 mb-20">灵活</h3>
            <p class="f-16 mb-20"> 万能碎片功能，支持零碎文案配置，把灵活发挥到极致。</p>
        </div>

        <div class="m-card ">
            <h3 class="f-20 mb-20">高扩展</h3>
            <p class="f-16 mb-20"> 无头cms和传统模板共存，多端渲染。灵活模块开发，开发多领域网站。</p>
        </div>

        <div class="m-card ">
            <h3 class="f-20 mb-20">高持续性</h3>
            <p class="f-16 mb-20">多年深入nodejs技术栈，一心致力于自研开发，前后端代码逐行开发，可持续性强。</p>
        </div>
    </section>

    <footer class="pd-20">
        <p class="mt-30 text-c f-14">©CopyRight {{site.name}} </p>
        <p class="mt-5 text-c f-12"><a href="https://beian.miit.gov.cn/" rel="external nofollow" target="_blank">{{site.icp}}</a></p>
    </footer>

    <!-- 移动端导航 -->
    {{include './common/wap-nav.html'}}
    {{include './common/js.html'}}
   
</body>

</html>